import React from 'react'
import HeaderNav from "../../../components/HeaderNav"
import Swiper from "../../../components/Swiper"
import Banner3 from "../../../assets/images/banner1.png"
import Banner2 from "../../../assets/images/banner2.png"
import Banner1 from "../../../assets/images/banner3.png"
import HomeHotList from "./HomeHotList"
import {useSelector} from "react-redux"

export default function Home() {

  const city = useSelector(state => state.city)

  return (
    <div>
      <HeaderNav cityName={city.cityName} />
      <Swiper banners={[Banner1, Banner2, Banner3]} />
      <HomeHotList cityName={city.cityName} />
    </div>
  )
}
